<template>
	<view class="setPsw">
		<topTitle />
		<view class="title">
			<view>{{ $t('setPsw.set_payment_password') }}</view>
			<view>{{ $t('setPsw.please_set_payment_password') }}</view>
		</view>
		<view class="ipt">
			<view>
				<view>{{ $t('setPsw.payment_password') }}</view>
				<up-input :placeholder="$t('setPsw.enter_payment_password')" clearable :password="eye" class="item" border="none">
					<template #suffix>
						<i @click="eye = !eye" :class="eye ? 'hideEye' : 'showEye'"></i>
					</template>
				</up-input>
			</view>
			<view>
				<view>{{ $t('setPsw.confirm_payment_password') }}</view>
				<up-input :placeholder="$t('setPsw.reenter_payment_password')" clearable :password="eye2" class="item" border="none">
					<template #suffix>
						<i @click="eye2 = !eye2" :class="eye2 ? 'hideEye' : 'showEye'"></i>
					</template>
				</up-input>
			</view>
		</view>
		<up-button class="btn" :text="$t('setPsw.confirm_submit')"></up-button>
	</view>
</template>


<script setup lang="ts">
import { ref } from "vue";
let eye = ref<boolean>(true)
let eye2 = ref<boolean>(true)
</script>
<style scoped lang="scss">
@import "../../static/scss/setUp.scss";
</style>